   body {
       background-color: #eaffea;

       // 去掉所有的滚动条
       ::-webkit-scrollbar {
           width: 0;
       }

       #sport-box {
           width: 100%;
           height: 100%;
           overflow: scroll;

           #sportDada {
               height: 36%;
               background-color: #a0e19f;
               padding: 0px 10px;

               .back {
                   line-height: 36px;

                   .iconfont {
                       padding: 0 10px;
                       font-size: 22px;
                       color: #fff6df;
                   }
               }

               //    标题
               .spttitle {
                   height: 40px;
                   line-height: 40px;
                   display: flex;
                   justify-content: space-between;
                   padding: 0px 10px;
                   font-size: 0px;

                   span {
                       font-size: 18px;
                       color: #fff6df;
                       font-weight: bold;
                   }
               }

               //    总运动
               .datatime {
                   display: flex;
                   justify-content: center;

                   div {
                       width: 45%;
                       display: inline-block;

                       .timetitle {
                           margin: 10px 0px;
                           color: #bca462;
                           font-size: 14px;
                           font-weight: bold;
                       }

                       P {
                           color: #fff6df;

                           span {
                               font-size: 36px;
                           }
                       }
                   }

                   .qk {
                    padding-left: 10px;
                       border-left: 1px dashed #fff6df;
                   }
               }

               ul {
                   display: flex;
                   justify-content: space-between;
                   padding: 0 10px;
                   margin-top: 20px;

                   li {
                       display: inline-block;
                       color: #fff6df;
                       font-size: 26px;
                       font-weight: bold;

                       .lititle {
                           color: #bca462;
                           font-size: 14px;
                       }
                   }
               }
           }

           #sportTi {
               width: 80%;
               height: 30%;
               margin: 5px auto;
               border: 1px solid #41e09b;
               background-color: #fff;
           }

           #sptClass {
               width: 80%;
               height: 50%;
               margin: 5px auto;
               border: 1px solid #41e09b;
               background-color: #fff;
           }
       }
   }